<template>
    <div>
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item><i class="el-icon-s-home" style="margin-right:5px;"></i>首页</el-breadcrumb-item>
          <el-breadcrumb-item v-for="(item, index) in $route.meta.list" :key="index">{{ item.name }}</el-breadcrumb-item>
        </el-breadcrumb>

    </div>  
</template>

<script>
export default {
  name: 'login',
  data () {
    return {
       
    }
  },
  created(){
      
  },
  methods: {
     
 
  }
}
</script>

<style scoped>
.el-breadcrumb__item>>>.el-breadcrumb__inner{
  /* color:#606266; */
  color:#5E6C84;
}
.el-breadcrumb__item:last-child>>>.el-breadcrumb__inner{
  color:#F5CF49;
  background: #FFFAE9;
  padding:3px 6px;
  border-radius:5px;
}
/* .el-breadcrumb__item:last-child>>>.el-breadcrumb__inner:hover{
  color:red;
} */
.el-breadcrumb__item>>>.el-breadcrumb__separator{
  /* color:#606266; */
    color:#5E6C84;
} 
</style>